<template>
  <div>
    <video ref="videoPlayer" class="video-js" />
  </div>
</template>

<script>
import videojs from 'video.js'
export default {
  name: 'audio',
  data() {
    return {
      videoOptions: {
        autoplay: 'false',
        controls: true,
        sources: [
          {
            src: 'https://yueqi-1256780819.cos.ap-shanghai.myqcloud.com/1987523250.mp3?q-sign-algorithm=sha1&q-ak=AKID7sWPhRFdq4JkFCR5h7FwNG9ZWBILiM_9Sh_R7R7pMYgMIwq15JzLKakzS-xN7jeW&q-sign-time=1602245952;1602249552&q-key-time=1602245952;1602249552&q-header-list=&q-url-param-list=&q-signature=a8f3922e162e0a4c7166f273c9151076dcb149b6&x-cos-security-token=Xxy4danFyp28QL1rbpTP0Sgu7Z2HAc1a9583c1708deb1700c438df2bc9078127Wy4MZICzlV329nqbVgfjNYJJDog6dxVltSME0C82eNOeDd3G8-HqC2HZRgB1DQUYloiuV8tYvUxmBNoI7HuDkDLvSk5ueUvp7tyziqRbUcDR3sbiHuYAD95JvvXjtf8F004G_prf8B8DdsMLaS9ixxg9eQSb1LAHjxUdj3akzvM',
            type: 'audio/mp3'
          }
        ],
        width: '800px',
        height: '480px'
      }
    }
  },
  mounted() {
    this.player = videojs(this.$refs.videoPlayer, this.videoOptions, () => {
      console.log('onPlayReady', this)
    })
  }
}
</script>

<style lang="scss" scoped>

</style>
